﻿@charset "utf-8";

/*#region FormError */
$color-red:#F15C5C;
$color-red-b:#C52A2A;
$color-green:#4CBE14;
$color-green-b:#40A60E;
$color-black:#393939;

.inputContainer {position: relative;float: left;}

.formError {position: absolute;top: 300px;left: 300px;display: block;z-index: 5000;cursor: pointer;
	.formErrorContent {border-radius: 2px;box-shadow:0 0 3px #000;
		width: 100%;background: $color-red;position:relative;z-index:5001;color: #fff;font-size:12px;border: 1px solid $color-red-b;padding: 4px 10px;}
	.formErrorArrow {width: 15px;margin: -2px 0 0 5px;position:relative;z-index: 5006; _margin-top:-4px;}
	.formErrorArrowBottom {box-shadow: none;margin: 0px 0 0 12px;top:2px;}
	.formErrorArrow div {box-shadow:0 2px 3px #444;
		border-left: 1px solid $color-red-b;border-right: 1px solid $color-red-b;font-size: 0px;height: 1px;background: $color-red;
		margin: 0 auto;line-height: 0;font-size: 0;display: block;
	}
	.formErrorArrowBottom div {box-shadow: none;}
	.formErrorArrow .line10 {width: 15px;border: none;}
	.formErrorArrow .line9 {width: 13px;border: none;}
	.formErrorArrow .line8 {width: 11px;}
	.formErrorArrow .line7 {width: 9px;}
	.formErrorArrow .line6 {width: 7px;}
	.formErrorArrow .line5 {width: 5px;}
	.formErrorArrow .line4 {width: 3px;}
	.formErrorArrow .line3 {width: 1px;}
	.formErrorArrow .line2 {width: 1px;border: none;}
	.formErrorArrow .line1 {width: 0;border: none;}
}

.ajaxSubmit {padding: 20px;background: $color-green;border: 1px solid $color-green-b;display: none}
.greenPopup .formErrorContent {background: $color-green;}
.blackPopup .formErrorContent {background: $color-black;color: #FFF;}
.greenPopup .formErrorArrow div {background: $color-green;border-color:$color-green-b;}
.blackPopup .formErrorArrow div {background: $color-black;color: #FFF;}
/*#endregion FormError */